<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>

   <head>
      <title>Factuur Lijst</title>
      <style>
      #resultatenTabel {
	width: 100%;
	border-collapse: collapse;
	}

	#resultatenTabel td {
		height:20px;
		border: none;
		padding: 3px 7px 2px 7px;
	}

	#resultatenTabel th {
		border: none;
		font-size: 1.1em;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 4px;
		background-color: #1c478e;
		color: #ffffff;
	}
</style>

   </head>

   <body>
   		<script>
			function ChangeColor(tableRow, highLight) {
				if (highLight) {
					tableRow.style.backgroundColor = '#5d6b82';
				} else {
					tableRow.style.backgroundColor = '';
				}
			}
	</script>
	    <h4>Mijn facturen</h4>
	    <br />
	    <hr />
		<br />
	    <table style="float: left;" id="resultatenTabel">
		    <tr class="thcolor">
			    <th>Datum</th>
			    <!-- <th>Aantal</th> -->
			    <th>Bedrag</th>
			    <th>Veiling</th>
		    </tr>
		    <s:iterator value="facturen">
			    <tr class="tdcolor" onmouseover="ChangeColor(this, true)"
				onmouseout="ChangeColor(this, false)">
				    
					<td><s:property value="getDatum()" /></td>
					<s:iterator value="factuurregels">
						<!-- <td><s:property value="getAantal()" /></td> -->
        				<td><s:property value="getBedrag()"/></td>
        				<td><s:property value="getVeiling().getNaam()" /></td>
    				</s:iterator>
		        </tr>
 		    </s:iterator>
	    </table>
  		 <hr /> 	    
	</body> 
</html>
 